import { getUserinfoAPI, loginAPI } from '@/api/user'
import { setToken, getToken, removeToken } from '@/utils/auth'

// 状态
const state = {
  // token: null
  token: getToken(),
  // 用户基本信息
  userInfo: {}
}

// 同步任务：将token存储得到state
const mutations = {
  /**
   * 清理token
   */
  removeUserToken(state) {
    state.token = null // 清理Vuex中的token
    // 清理本地存储的token
    removeToken()
  },
  /**
   * 存储用户基本信息
   * @param {*} state 状态
   * @param {*} userInfo 用户基本信息
   */
  setUserInfo(state, userInfo) {
    state.userInfo = userInfo
  },
  /**
   * 存储token到state
   * @param {*} state 状态对象
   * @param {string} token 用户token
   */
  setUserToken(state, token) {
    state.token = token
    // 将token做本地持久化处理(本地存储)
    setToken(token)
  }
}

// 异步任务: 发送登录请求，得到token
const actions = {
  /**
   * 退出登录action
   */
  logoutAction(context) {
    // 抹除Vuex中token
    context.commit('removeUserToken')
    // 抹除Vuex中userInfo
    context.commit('setUserInfo', {})
  },
  /**
   * 获取用户基本信息action
   */
  async getUserInfoAction(context) {
    // console.log('获取用户基本信息action')
    // 调用基本信息接口，并存储基本信息到state
    const userInfo = await getUserinfoAPI()
    context.commit('setUserInfo', userInfo)
  },

  /**
   * 用户登录action
   * @param {*} context 上下文，提交mutations
   * @param {object} loginForm 额外参数，登录表单数据
   */
  async loginAction(context, loginForm) {
    // 调用登录接口，得到token
    // const token = await request.post('/sys/login', loginForm)
    const token = await loginAPI(loginForm)
    // 提交mutations，存储token到state
    context.commit('setUserToken', token)
  }
}

export default {
  // 注意点：Vuex在划分模块时必定要写命名空间
  namespaced: true,
  state,
  mutations,
  actions
}
